<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
 <head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"> 
	<meta name="renderer" content="webkit">
    <meta content="歪秀购物, 购物, 大家电, 手机" name="keywords">
    <meta content="歪秀购物，购物商城。" name="description">
	<title>订单详情</title>
     <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
     <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
     <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
     <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
	<link rel="stylesheet" type="text/css" th:href="@{/theme/css/member.css}">
     <script type="text/javascript" th:src="@{/theme/js/delCartOnPages.js}"></script>
     <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
 </head>
 <script>

function logout() {
    $.ajax({
        url: "/user/logout",
        dataType: "json",
        data: {},
        async: false,
        success: function (data) {
            if (data["result"] == "ok") {
                layer.msg('退出成功', {time: 1000}, function () {
                    window.location="index" ;
                });
            } else if (data["result"] == "fail") {
                layer.msg('您还没有登录哦~', {time: 1000}, function () {
                    window.location.reload();
                });
            }
        },
        type: "post"
    });
}
       $(document).ready(function () {
              var data = $("#cartIdNull").val();
            $("#test").mouseover(function () {
                if(data=='notNull'){
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['19%','60%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }else{
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['20%','20%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }
            });

        });
 </script>
 <body>

 <input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null"  th:href="@{/login}">请登录</a> </li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder?pageNum=1&pageSize=5}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{/myCollect?pageNum=1&pageSize=8}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null" ><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a> <a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''" onclick="javascript:window.location='myInfo'"  style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix"style="padding:20px 0 20px ">
        <div class="header-logo fl" ><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}"style="width:100px;height:80px;"><strong>淘淘商城</strong></a></h1>
        </div>
        <div class="head-form fl">
            <form class="clearfix">
                <input type="text" class="search-text" id="searchKey" autocomplete="off" placeholder="手机">
                <button type="button" class="button" onclick="searchToPage();">搜索</button>
            </form>
            <div class="words-text clearfix">
                <a th:href="@{/#}" class="red">1元秒爆</a>
                <a th:href="@{/#}">低至五折</a>
                <a th:href="@{/#}">农用物资</a>
                <a th:href="@{/#}">买一赠一</a>
                <a th:href="@{/#}">佳能相机</a>
                <a th:href="@{/#}">稻香村月饼</a>
                <a th:href="@{/#}">服装城</a>
            </div>
        </div>
       <div class="header-cart fr" th:if="${session.userId}!=null">
            <a  th:href="@{/myCart?pageNum=1&pageSize=5}" target="_blank"
               style="height:30px;width:30px;float:right;margin-right:50px;"><img
                    id="test" src="../myFile/imgold/icon/car.png"></a>
            <i th:if="${session.cartIsNull}=='notNull'" class="head-amount" id="cartCountExist" th:text="${session.cartAllCount}"></i>
            <i th:if="${session.cartIsNull}=='null'" class="head-amount" id="cartCountUnExist">0</i>
        </div>
    </div>
</header>
<!-- header End -->

 <div class="containers"><div class="pc-nav-item"><a th:href="@{/index}">首页</a> &gt; <a th:href="@{#}">我的订单详情</a></div></div>

<!-- 商城快讯 begin -->
<section id="member">
    <div class="member-center clearfix">
        <div class="member-left fl">
            <div class="member-apart clearfix">
                <div class="fl"><a th:href="@{#}"><img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''" onclick="javascript:window.location='myInfo'" ></a></div>
                <div class="fl">
                    <p>昵称：</p>
                    <p><a th:href="@{/#}" th:text="${session.userName}"></a></p>
                </div>
            </div>
            <div class="member-lists">
                <dl>
                    <dt>我的淘淘</dt>
                    <dd><a th:href="@{/myOrder?pageNum=1&pageSize=5}">我的订单</a></dd>
                    <dd><a th:href="@{/myCollect?pageNum=1&pageSize=8}">我的收藏</a></dd>
                    <dd><a th:href="@{/accountSecurity}">账户安全</a></dd>
                    <dd><a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a></dd>
                    <dd><a th:href="@{/myAddress}">地址管理</a></dd>
                    <dd><a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a></dd>
                </dl>
                <dl>
                    <dt>客户服务</dt>

                     <dd><a th:href="@{/request}">退货/退款记录</a></dd>
                </dl>
                <dl>
                    <dt>我的消息</dt>
                    <dd><a th:href="@{/#}">商城快讯</a></dd>
                    <dd><a th:href="@{/#}">帮助中心</a></dd>
                </dl>
            </div>
        </div>

        <div class="member-right fr">
            <div class="member-head" style="background:#fff">
                <div class="member-heels fl"><h2 style="color:black"><strong>订单号：456728194</strong></h2></div>
                <div class="member-backs fr"><a th:href="@{/#}">返回订单首页</a></div>
            </div>
            <div class="member-border">
               <div class="member-order">
                   <dl>
                       <dt>发货信息</dt>
                       <dd class="member-seller">卖家已发货 <a th:href="@{/#}">（物流查询）</a> </dd>
                   </dl>
                   <dl class="member-custom clearfix ">
                       <dt>订单信息</dt>
                       <dd>订单编号：98654091436</dd>
                       <dd>订单金额：￥10000000</dd>
                       <dd>付款时间：2015-09-22 08：22</dd>
                       <dd>发货时间：2015-09-22 08：22</dd>
                   </dl>
                   <dl>
                       <dt>配送信息</dt>
                       <dd class="member-seller"><span>收货地址：<em>张子琪</em></span> <span>18801066117</span> <span>北京市海淀区中关村南街99号，幸福小区3号楼4门401</span></dd>
                   </dl>
                   <dl class="member-custom clearfix ">
                       <dt>发票信息</dt>
                       <dd>发票类型：电子发票 发票下载</dd>
                       <dd>发票抬头：公司</dd>
                       <dd>发票内容：化妆品</dd>
                   </dl>
                   <dl>
                       <dt>商品信息</dt>
                       <dd class="member-seller">本订单是由 “以纯甲醇旗舰店” 发货并且提高售后服务，商品在下单后会尽快给您发货。 </dd>
                   </dl>
               </div>
               <div class="member-serial">
                   <ul>
                       <li class="clearfix">
                           <div class="No1">商品编号</div>
                           <div class="No2">商品详情</div>
                           <div class="No3">数量</div>
                           <div class="No4">单价</div>
                           <div class="No5">小计</div>
                       </li>
                       <li class="clearfix">
                           <div class="No1">987645</div>
                           <div class="No2"><a th:href="@{/#}">BWXD日系复古男士松紧腰小脚九分裤简约休闲收口运动潮裤垮裤百搭</a> </div>
                           <div class="No3">1</div>
                           <div class="No4">￥78.00</div>
                           <div class="No5">￥99.00</div>
                       </li>
                       <li class="clearfix">
                           <div class="No1">908756</div>
                           <div class="No2"><a th:href="@{/#}">现货包邮小米手环充电线 小米手环充电器 小米手环数据线 有腕带</a> </div>
                           <div class="No3">2</div>
                           <div class="No4">￥78.00</div>
                           <div class="No5">￥99.00</div>
                       </li>
                   </ul>
               </div>
            </div>
            <div class="member-settle clearfix">
                <div class="fr">
                    <div><span>商品金额：</span><em>￥270.00</em></div>
                    <div><span>运费：</span><em>￥270.00</em></div>
                    <div class="member-line"></div>
                    <div><span>共需支付：</span><em>￥280.00</em></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 商城快讯 End -->

<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d1.png"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a> </li>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d2.png"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d3.png"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img src="myFile/imgold/icon/icon-d1.png"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a> </li>
                <li><a th:href="@{/#}">购物流程</a> </li>
                <li><a th:href="@{/#}">会员介绍 </a> </li>
                <li><a th:href="@{/#}">生活旅行</a> </li>
                <li><a th:href="@{/#}"> 常见问题 </a> </li>
                <li><a th:href="@{/#}"> 联系客服购物指南 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">退货退款流程</a> </li>
                <li><a th:href="@{/#}">服务中心 </a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}">服务中心</a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
                <li><a th:href="@{/#}"> 更多特色服务 </a> </li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>